import React from 'react'
import { Row, Col, Modal, Switch, Form } from 'antd'
const FormItem = Form.Item

const formItemLayout = {
  labelCol: { span: 20 },
  wrapperCol: { span: 4 },
  style: {
    marginBottom: 10,
  },
}

const modal = ({
  modalVisible,
  onOk,
  onCancel,
  form: {
    getFieldDecorator,
    getFieldsValue,
    setFieldsValue,
  },
}) => {


  return (
    <Modal
      title="设置微信权限"
      visible={modalVisible}
      width={1000}
      onOk={onOk}
      onCancel={onCancel}
    >
      <Row gutter={24}>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否显示自己微信号">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否显示自己二维码">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否查看好友微信号">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否可进入账号与安全页面">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
      </Row>

      <Row gutter={24}>
        <Col md={6}>
          <FormItem {...formItemLayout} label="自定义发朋友圈的地理位置">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否允许外发敏感词">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否允许推荐名片">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否允许拉黑好友">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
      </Row>

      <Row gutter={24}>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否允许删除好友">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否允许删除聊天记录">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="聊天内容中是否显示手机号码">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否允许提现">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
      </Row>

      <Row gutter={24}>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否提示重复好友">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否允许退出登录">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否允许打开支付管理">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否允许删除好友请求">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
      </Row>

      <Row gutter={24}>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否允许重置二维码">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否关闭手机弹窗提示">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否可以转账">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否可以发红包">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
      </Row>

      <Row gutter={24}>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否禁止接收转账">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否禁止接收红包">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
        <Col md={6}>
          <FormItem {...formItemLayout} label="是否允许自动通过好友">
            <Switch checkedChildren="开" unCheckedChildren="关" />
          </FormItem>
        </Col>
      </Row>

    </Modal>
  )
}


export default Form.create()(modal)
